<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<style type="text/css">
			.first_header {
				background-color: #ACACB4;
			}
			
			.first_header a {
				color: white;
			}
			
			.mui-title {
				color: white;
			}
			
			.mui-content {
				margin-top: 25px;
			}
			
			#nform .mui-input-row{
				height: 50px;
				padding: 10px 0;
			}
			
			.first_p {
				margin-top: 10px;
			}
			
			.header_two{
				margin-top: 10px;
			}
			
			#mark {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: rgba(102,102,102,.7);
				z-index: 999;		
				display: none;		
			}
			
			#mark p{
				border-radius: 10%;
				width: 180px;
				height: 100px;
				line-height: 100px;
				text-align: center;
				font-size: 18px;
				background-color: rgba(255,255,255,.8);
				position: relative;
				top: 50%;
				left: 50%;
				margin-top: -50px;
				margin-left: -90px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav first_header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">修改密码</h1>
		    <div class="mui-pull-right header_two">
	    		<a href="#" class="mui-pull-right" id="add">
	    			<span class="wancheng">完成</span>
	    		</a>
		    </div>
		</header>
		
		<div id="mark">
			<p>修改成功</p>
		</div>
		
		<div class="mui-content">
		    <form class="mui-input-group" id="nform">
		    <div class="mui-input-row">
		        <label>原密码</label>
		        <input type="text" class="mui-input-clear" placeholder="填写原密码">
		    </div>
		    <div class="mui-input-row">
		        <label>新密码</label>
		        <input type="text" class="mui-input-clear" placeholder="填写新密码">
		    </div>
		     <div class="mui-input-row">
		        <label>确认密码</label>
		        <input type="text" class="mui-input-clear" placeholder="再次填写确认">
		    </div>
		</form>
		<div class="first_p">
			<p>密码必须为8-16为数字、字母组合(不能是纯数字)</p>
		</div>
		</div>
		
		

		<script type="text/javascript">
			var a = document.getElementById("add");
			var mark = document.getElementById("mark");
			
			/*a.onclick = function(){
				mark.style.display = "block";
			}*/
			
			mui('.header_two').on('tap','#add',function(){
				mark.style.display = "block";
				
				setTimeout(function(){
		
					mui.openWindow({
						url:"shezhi.html",
						id:"shezhi.html"
					})
				},2000);
			})
			
		</script>
	</body>

</html>